<header id="topnav">
            <div class="topbar-main">
                <div class="container">

                    <!-- Logo container-->
                    <div class="logo">
                        <a href="{{url('/')}}" class="logo"><span>Share<i
                                class="md md-album"></i>Car</span></a>
                    </div>
                    <!-- End Logo container-->


                    <div class="menu-extras">

                        <ul class="nav navbar-nav navbar-right pull-right">
                           
                            
                            @if(session('user'))
                            <li class="dropdown navbar-c-items">
                                <a href="" class="dropdown-toggle waves-effect waves-light profile" data-toggle="dropdown" aria-expanded="true">{{object_get(session('user'),'first_name')}} </a>
                                <ul class="dropdown-menu">
                                    <li><a href="{{url('mybooking')}}"><i class="ti-user text-custom m-r-10"></i> mybooking</a></li>
                                   
                                    <li class="divider"></li>
                                    <li><a href="{{url('logout')}}"><i class="ti-power-off text-danger m-r-10"></i> Logout</a></li>
                                </ul>
                            </li>
                            @else
                            <li class="dropdown navbar-c-items">
                                <a href="{{url('login')}}" class="waves-effect waves-light profile" >Login</a>
                                
                            </li>
                            @endif
                        </ul>
                        <div class="menu-item">
                            <!-- Mobile menu toggle-->
                            <a class="navbar-toggle">
                                <div class="lines">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </a>
                            <!-- End mobile menu toggle-->
                        </div>
                    </div>

                </div>
            </div>

            <div class="navbar-custom">
                <div class="container">
                    <div id="navigation">
                        <!-- Navigation Menu-->
                        <ul class="navigation-menu">
                            <li class="has-submenu">
                                <a href="{{url('/')}}"><i class="md md-dashboard"></i>Home</a>
                                
                            </li>
                            <li class="has-submenu">
                                <a href="#"><i class="md md-color-lens"></i>How to Book</a>
                               
                            </li>


                            <li class="has-submenu">
                                <a href="#"><i class="md md-layers"></i>Pricing</a>
                                
                            </li>
                            <li class="has-submenu">
                                <a href="#"><i class="md md-class"></i>About</a>
                                
                            </li>

                           
                            
                        </ul>
                        <!-- End navigation menu        -->
                    </div>
                </div> <!-- end container -->
            </div> <!-- end navbar-custom -->
        </header>